// 全局样式
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

// ResizeObserver 相关修复
.el-table {
  // 防止表格在调整大小时出现闪烁
  will-change: auto;
  
  // 确保表格容器有明确的尺寸
  .el-table__body-wrapper {
    overflow-x: auto;
    overflow-y: auto;
  }
  
  // 优化表格列宽计算
  .el-table__header-wrapper,
  .el-table__body-wrapper {
    transition: none;
  }
}

// 分页组件优化
.el-pagination {
  // 防止分页组件在调整大小时出现问题
  will-change: auto;
}

// 卡片组件优化
.el-card {
  // 确保卡片内容不会因为 ResizeObserver 而出现布局问题
  overflow: hidden;
}

// 表单组件优化
.el-form {
  // 防止表单在调整大小时出现布局问题
  .el-form-item {
    transition: none;
  }
}

// 对话框组件优化
.el-dialog {
  // 确保对话框在调整大小时不会出现问题
  .el-dialog__body {
    overflow: auto;
  }
}

// 菜单组件优化
.el-menu {
  // 防止菜单在调整大小时出现问题
  .el-menu-item {
    transition: none;
  }
}

// 全局过渡动画优化
.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: opacity 0.2s linear;
}

.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
  opacity: 0;
}

// 表格加载状态优化
.el-loading-mask {
  // 确保加载遮罩不会因为 ResizeObserver 而出现问题
  will-change: auto;
}

// 按钮组件优化
.el-button {
  // 防止按钮在调整大小时出现问题
  transition: none;
  
  &:hover {
    transition: all 0.3s ease;
  }
}

// 输入框组件优化
.el-input {
  // 确保输入框在调整大小时不会出现问题
  .el-input__inner {
    transition: none;
  }
}

// 选择器组件优化
.el-select {
  // 确保选择器在调整大小时不会出现问题
  .el-input__inner {
    transition: none;
  }
}
